import React from 'react';

import {
  BrowserRouter as Router,
  Route,
} from 'react-router-dom';
import Home from './components/Home/Home';
import About from './components/About/About';
import List from './components/List/List';
import Mine from './components/Mine/Mine';
import Hello from './components/Hello/Hello';
import NavBar from './components/Common/NavBar';
import 'antd-mobile/dist/antd-mobile.css'; 

const App = () => (
  <Router>
    <div>
      <Route path="/abc" component={NavBar}></Route>
      <Route path="/abc/Home" component={Home} />
      <Route path="/abc/About" component={About} />
      <Route path="/abc/List" component={List} />
      <Route path="/abc/Mine" component={Mine} />
      <Route path="/Hello" component={Hello} />
    </div>
  </Router>
);

export default App;